<{include file="app/header.tpl"}>

<ul class="category-list-nav fix">
    <li class="li"><a <{if $order=="countsView"}>class="active"<{/if}> href="/goods/cat/<{$categoryId}>?order=countsView">人气</a> <br/></li>
    <li class="li"><a <{if $order=="changed"}>class="active"<{/if}> href="/goods/cat/<{$categoryId}>?order=changed">新品</a></li>
    <li class="li"><a <{if $order=="countsSale"}>class="active"<{/if}> href="/goods/cat/<{$categoryId}>?order=countsSale">销量</a></li>
    <li class="li"><a <{if $order=="price"}>class="active"<{/if}> href="/goods/cat/<{$categoryId}>?order=price">价格</a></li>
</ul>

<{if $goodsItems|@count > 0}>
    <{include file="app/goods/widget-list.tpl"}>
<{else}>
<!-- 当没有商品的时候出现 start -->
<div class="goods-list-none">
    <img class="img" src="/resource/app/imgs/all_empty.png" alt="">
    <p class="text">暂无商品</p>
</div>
<!-- 当没有商品的时候出现 end -->
<{/if}>

<{include file="app/footer.tpl"}>
